@charset "utf-8";.clear{width:100%;display:block;clear:both;float:left}

.pcnone{display:none}


.inbanner{position:relative}

.inbanner .top_box{position:absolute;background:rgba(0,0,0,.2);left:0;right:0;margin:0 auto;padding:20px 0;bottom:0;width:100%}

.inbanner .top_box .container{position:relative}

.top_box .name{width:30%;font-size:42px;color:#fff;position:relative}

.shadow-dark{box-shadow:0 0 10px rgba(0,0,0,.15)}
.subnav{ justify-content: center;}
.subnav a{font-size:16px;display:block;position:relative;line-height:90px;margin-right:5vw;white-space:nowrap}

.subnav a::after{width:100%;height:2px;background-color:#0066b3;position:absolute;left:0;bottom:-1px;display:block;content:'';transition:all .36s;transform:scale(0,1);-webkit-transition:all .36s;-moz-transition:all .36s;-ms-transition:all .36s;-o-transition:all .36s;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-ms-transform:scale(0,1);-o-transform:scale(0,1)}

.subnav a.on,.subnav a:hover{color:#0066b3;font-weight:700}

.subnav a.on::after,.subnav a:hover::after{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1)}

.mod_bord_ul{display:flex;align-items:center;margin-top:15px}

.mod_bord_li img{width:22px;margin-bottom:2px}

.mod_bord_li{font-size:16px;line-height:1.5;color:#fff;transition:all .36s}

.mod_bord_li{padding-left:36px;position:relative}

.mod_bord_li:hover{color:#b2c600}

.mod_bord_ul .mod_bord_li::after{position:absolute;right:-36px;top:10px;content:'';width:26px;height:26px;background:url(../images/jtxy.png) no-repeat}

.mod_bord_ul .mod_bord_li:first-child{padding-right:5px}

.mod_bord_ul .mod_bord_li:first-child,.mod_bord_ul .mod_bord_li:nth-child(2){padding-left:0!important}

.mod_bord_ul .mod_bord_li:first-child::after,.mod_bord_ul .mod_bord_li:last-child::after{background:0 0}

.mod_bord_ul span{color:#fff;padding-left:36px;font-size:16px;line-height:1.5}


@media (max-width:900px){.wapblock{display:block}

.wapnone{display:none}

.pcnone{display:block}
.top_box .name{ display: none;}
.shadow-dark{ display: none;}
.inbanner .top_box{padding:10px 0;}
.mod_bord_ul{ margin-top: 0;display: flow-root;}
}
.container{margin:0 auto}

.navpost a:hover{color:#0066b3}

.innerrtitle{width:100%;height:50px;line-height:50px;background:rgba(241,242,244,.7);overflow:hidden;margin-bottom:15px}

.links{width:100%;height:auto;background:#0066b3;clear:both;float:left;padding:10px 0}

.links ul{padding:0 8vw;height:auto;margin:0 auto;clear:both}

.links ul li{float:left;margin:0;color:#fff;line-height:23px}

.links ul li a{color:#fff;padding:0 8px;font-size:14px;line-height:23px;display:inline-block}

.links ul li a:hover{color:#fff;text-decoration:none}

.inban{position:relative}

.inban img{width:100%}

.intxt{font-size:36px;position:absolute;width:100%;left:0;display:flex;align-items:center;justify-content:flex-start;right:0;top:0;color:#fff;height:100%;background:rgb(0 0 0 / 5%);z-index:2}

.ny_tab{margin-bottom:25px;background-color:#f6f6f6}

.ny_tab ul{display:flex;align-items:center;justify-content:center}

.ny_tab ul li{position:relative;font-size:15px;flex:1;text-align:center}

.ny_tab ul li a{position:relative;color:#333;display:block;padding:25px 35px}

.ny_tab ul li::after{content:"";position:absolute;right:0;top:50%;transform:translate(-50%,-50%);height:16%;width:1px}

.ny_tab ul li a::before{content:"";position:absolute;left:0;bottom:0;width:0;transition:.5s}

.ny_tab ul li:last-child::after{display:none}

.ny_tab ul li a:hover,.nypagenav ul li.on a{color:#fff;background:#0066b3}

.ny_tab ul li .aa{color:#fff;background:#0066b3}

.ny_tab ul li .aa::before{content:"";position:absolute;left:0;bottom:0;width:100%;transition:.5s}

.ny_tab ul li:hover a::before{width:100%}

@media (max-width:780px){.ny_tab{display:none}

}

.pro_re{width:100%;float:left;margin-top:30px}

.pro_re ul{display:flex;align-items:stretch;flex-wrap:wrap}

.pro_re ul li{width:23%;float:left;margin:1%;overflow:hidden;box-shadow:0 0 10px 0 #ccc;border-radius:0;background:#fff}

.pro_re ul li a{justify-content:space-between;align-items:center;flex-direction:column;height:100%}

.pro_re ul li .img{display:flex;align-items:center;justify-content:center;overflow:hidden}

.pro_re ul li .img img{width:100%;display:block;transition:.5s ease-in}

.pro_re ul li p{flex-wrap:wrap;flex-direction:row;background-color:#f5f5f5;padding:5px 10px;text-align:left;transition:all ease .5s;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

.pro_re ul li .zi{width:100%;font-weight:400; text-align: left;font-size:16px;}

.pro_re ul li:hover p{color:#0066b3}

.pro_re ul li:hover img{transform:scale(1.1,1.1)}

.pro_res{width:100%;float:left;margin-top:25px}

.pro_res ul{display:flex;align-items:stretch;flex-wrap:wrap}

.pro_res ul li{width:23%;float:left;margin:1%;overflow:hidden;box-shadow:0 0 10px 0 #ccc;border-radius:0;background:#fff}

.pro_res ul li a{display:flex;justify-content:space-between;align-items:center;flex-direction:column;height:100%}

.pro_res ul li .img{display:flex;height:100%;align-items:center;justify-content:center;overflow:hidden}

.pro_res ul li .img img{width:100%;display:block;transition:.5s ease-in}

.pro_res ul li p{flex-wrap:wrap;flex-direction:row;width:100%;padding:25px 30px;text-align:center;transition:all ease .5s;cursor:auto;color:#333;font-size:16px;font-weight:700}

.pro_res ul li:hover img{transform:scale(1.1,1.1)}

.pro_reyj{width:100%;float:left;margin-top:30px}

.pro_reyj ul{display:flex;align-items:stretch;flex-wrap:wrap}

.pro_reyj ul li{width:23%;float:left;margin:1%;overflow:hidden;box-shadow:0 0 10px 0 #ccc;border-radius:0;background:#fff}

.pro_reyj ul li a{justify-content:space-between;align-items:center;flex-direction:column;height:100%}

.pro_reyj ul li .img{display:flex;align-items:center;justify-content:center;overflow:hidden}

.pro_reyj ul li .img img{width:100%;display:block;transition:.5s ease-in}

.pro_reyj ul li:hover img{transform:scale(1.1,1.1)}

.pro_reyj .yj_info{background:#f6f6f6;padding:10px;min-height:175px;border-bottom:1px solid #0066b3}

.pro_reyj .yj_info b{display:block;padding:10px;font-size:18px;text-align:center}

.pro_reyj .yj_info p{font-size:15px;padding:5px;color:#333}

.pro_reyj .yj_info p i{color:#0066b3}

.pro_reyj .title{position:absolute;transform:rotate(90deg);transform-origin:left top;left:-3px;font-size:11px;color:#666}

.pro_reyj a:hover .yj_info b{color:#0066b3}

@media (max-width:780px){.pro_re ul li{width:48%}

.pro_res ul li{width:48%}

.pro_reyj ul li{width:98%}
.pro_res ul li p{  padding: 9px 10px;}

}

.newsfrhz ul{width:100%;overflow:hidden;display:flex;flex-wrap:wrap;margin-top:35px}

.newsfrhz ul li{margin:15px;width:calc((100% / 5) - 30px);border-radius:10px;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;box-shadow:0 0 10px rgb(0 0 0 / 10%);display:grid;align-content:center;justify-content:center;overflow:hidden}

.newsfrhz ul li a{display:flex}

.newsfrhz ul li a:hover img{transform:scale(1.1,1.1)}

@media (max-width:780px){.newsfrhz ul li{width:calc((100% / 2) - 10px);margin:5px}

}

.pagenum{margin:20px auto;padding:10px 0;text-align:center;width:100%;float:left}

.pagenum ul{display:inline-block}

.pagenum ul li{float:left;list-style:none;margin:5px 0;padding-right:10px}

.pagenum ul li a{display:block;padding:3px 8px;text-align:center;color:#666;font-size:14px;text-decoration:none;background:#f4f4f4}

.pagenum ul li a:hover{background:#0066b3;color:#fff}

.pagenum ul li a.selected{color:#fff;background:#0066b3}

.strwid{width:50%;font-size:20px;float:left}

.join_rczp{margin:20px 0;width:100%;float:left}

.join_rczp h1{text-align:left;padding-top:20px;font-size:26px;color:#333;padding-left:50px}

.join_rczp_list li{display:block;background:#f9f9f9;height:80px;line-height:80px;border-bottom:1px dashed #ccc;margin:10px 0}

.join_rczp_list li strong{font-size:16px;font-weight:400;width:16.6%;display:block;float:left;text-align:center}

.join_rczp_list .strwid span{padding:2px 7px;margin-left:20px;border-radius:4px;border:1px solid #0066b3;color:#0066b3;font-size:14px;line-height:16px;font-weight:400;margin-right:10%}

.join_rczp_list li i{font-size:24px;font-weight:400;color:#999;float:right;padding-right:50px}

.join_rczp_list .zp-content div{margin-left:60px}

.join_rczp_list li:hover{cursor:pointer}

.zp-con{padding:20px;display:none;line-height:32px;font-size:16px;color:#666;text-align:justify;background:#eee;width:100%;float:left}

@media (max-width:740px){.strwid{width:calc(100% - 100px);font-size:18px;float:left;margin-bottom:10px}

.join_rczp_list li b strong{padding:0 4% 0 0;font-size:16px;font-weight:400}

.join_rczp_list .strwid span{display:none}

}

.inrrctainer{width:100%;height:auto;line-height:200%;float:left;padding:0 10px}

.inrrctainer_l{width:45%;float:left}

.inrrctainer_l p{line-height:150%;padding:10px 0}

.inrrctainer_r{width:48%;float:right}

.main_titlee{margin:20px 0;font-size:26px;margin-bottom:15px}

.main_titlee em{font-size:18px;font-style:normal;font-weight:500;color:#333;display:block;text-align:center}

.main_titlee i{font-weight:400;font-size:26px;padding:0 6px}

.main_titlee strong{font-size:34px;font-weight:700;display:block;margin-bottom:10px;text-align:center}

.shebbg{background:#f6f6f6;width:100%;float:left;margin-top:15px}

#case{position:relative}

#case .swiper-container{padding-bottom:60px;margin-top:30px}

#case .swiper-slide{background:#fff;position:relative}

#case .swiper-slide img{display:block;width:100%;transition:all .3s}

#case .swiper-slide a{display:block;overflow:hidden}

#case .swiper-slide a:hover img{transform:scale(1.05)}

#case .swiper-slide a{display:block}

#case .swiper-slide p{text-align:center;color:#636363;font-size:20px;margin-top:20px}

#case .swiper-pagination{width:100%;bottom:20px}

#case .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;border:3px solid #ccc;background:#ccc;width:10px;height:10px;opacity:1}

#case .swiper-pagination-bullets .swiper-pagination-bullet-active{border:3px solid #0066b3;background:#0066b3}

.main_titlee .m_p1{font-size:22px;color:#0066b3;font-weight:700;margin-bottom:20px}

.main_titlee .m_p3{font-size:18px;color:#000;margin-bottom:30px}

.in-product_txt{overflow:hidden;float:left;overflow:hidden;font-size:16px;line-height:200%;font-weight:300}

.in-product_txt h1{font-size:28px;font-weight:700}

.in-product_tu{width:45%;overflow:hidden;float:right;align-content:center;display:grid;background:#f6f6f6}

@media (max-width:980px){.in-product{display:block}

.in-product_txt{width:100%;overflow:hidden;float:left;padding:65px 20px;height:auto}

.in-product_tu{width:100%;overflow:hidden;float:right;height:auto}

.main_titlee .m_p1{font-size:18px;margin-bottom:15px}

}

.in-product_txt span{display:block;margin-top:30px;transition:all .3s}

.in-product_txt p{color:#212529;font-weight:300;font-size:16px;margin-top:20px;line-height:36px;text-align:justify}

.in-product .in-product_tu img{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}

.in-product_tu:hover img{transform:scale(1.1);transition:all 1s ease 0s;-webkit-transform:scale(1.1)}

.p_list{display:flex;flex-wrap:wrap;position:relative;max-width:100%}

.e_loop-54 .p_loopitem{flex-grow:0;flex-shrink:0;flex-basis:calc(100% / 1)}

.e_container-55{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;margin-bottom:30px;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px;border-bottom:1px solid #eee}

.innewslist{width:100%;height:auto}

.innewslist li{width:48%;height:auto;padding:30px 0;border-bottom:1px solid #dedede;float:left;list-style:none; margin:0 1%; float:left}

.innewslist li a{display:block;padding:10px 0}

.innewslist li .innewleft{width:300px;max-height:225px;overflow:hidden;float:right;text-align:center;color:#191919;padding:6px;display:none}

.innewslist li .innewleft img{max-width:100%;min-height:225px}

.innewslist li .innewleft p{font-size:30px;text-align:center;color:#0066b3}

.innewslist li .innewleft span{font-size:18px;line-height:45px;color:#0066b3}

.innewslist li .innewright{width:100%;float:left;display:flex;align-items:center}

.innewslist li .innewright .fl{width:140px}

.innewslist li .innewright .fr{width:100%}

.innewslist .ntitle{width:100%;line-height:35px;color:#333;font-size:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.innewslist .nconc{width:100%;height:auto;line-height:28px;font-size:16px;color:#656565;overflow:hidden;text-align:justify;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}

.innewslist .more{height:30px;line-height:30px;border-radius:15px;text-align:center;color:#0066b3;padding:0 15px;text-indent:0;margin:10px 0;border:1px solid #0066b3;display:inline-block}

.innewslist .ptime{margin:3px 0;line-height:25px;color:#ccc;background:url(../images/time.png) no-repeat left center}

.innewslist li:hover{color:#0066b3}

.innewslist li:hover .more{background:#fff;border:1px solid #fff;color:#666}

.innewslist li:hover .innewleft p{color:#0066b3}

.innewslist li:hover .innewleft span{color:#0066b3}

.innewslist li:hover .ntitle{color:#0066b3}

.innewslist li:hover .innewleft{color:#0066b3}

.innewslist li span{color:#0066b3;border:1px solid #0066b3;padding:10px 20px}

.innewslist li:hover span{color:#0066b3}

@media (max-width:740px){.innewslist li{height:auto;width:98%;margin:2% 1%;float:left}

.innewslist li .innewleft{width:calc(100% - 12px);max-height:225px;float:left;text-align:center;color:#191919;padding:6px}

.innewslist li .innewright{margin-top:10px;width:calc(100% - 12px);float:left;margin-right:0;padding:6px}

}

.innerright{width:100%;float:left;margin-bottom:25px;line-height:200%}

.article_title{text-align:center;width:100%;font-size:28px;line-height:35px;padding:15px 0;margin-bottom:20px;color:#333;font-weight:700}

.article_titlebor{text-align:center;width:100%;font-size:28px;line-height:35px;padding:15px 0;margin-bottom:20px;color:#333;font-weight:700;border-bottom:1px dashed #ddd}

.article_title span{font-size:16px;color:#aaa;font-weight:400}

.detpnt{height:auto;overflow:hidden;margin:20px 0;width:100%;float:left}

.detpnt .detpntline{width:100%;height:35px;line-height:35px;font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.detpnt .detpntline a{color:#666;font-weight:400}

.detpnt .detpntline a:hover{color:#1f4f8b}

.detpntl{float:left;text-align:left;padding-left:10px}

.detpntr{text-align:right;float:right;padding-right:10px}

#gsjj{margin:0 auto;padding:60px 0;background-size:cover;background:url(../images/download.jpg) no-repeat center}

.aboutt{width:100%;float:left}

.about_fll{width:50%;padding-right:5%;text-align:justify}

.about_fll p{line-height:30px;padding:10px 0;color:#666;font-size:15px}

.about_fll .ab-title{font-size:22px;color:#222;font-weight:700;margin-top:10px}

.about_frr{width:50%;overflow:hidden}

.about_frr .fm-tu{border-top-right-radius:20px;border-bottom-left-radius:20px}

@media (max-width:768px){.about_fll{width:100%;padding-right:0;text-align:justify}

.about_frr{width:100%;overflow:hidden}

.innerright img{max-width:100%;height:auto!important}
.aboutt img{max-width:100%;height:auto!important}
}

.lyfor{padding-bottom:50px;width:100%;float:left}

.inmessagebox{width:100%;height:auto}

.inmessline{width:100%;height:auto;margin:35px 0}

.inmessline label{margin:0 5px}

.inmessline label input{padding-right:6px}

.inmesslinep span{color:#ef0606;padding:0 3px}

.inmesslinefont span{color:#ef0606;padding:0 3px}

.zxlyyzm{width:200px;outline:0;height:40px;line-height:40px;font-size:14px;color:#999;background:#f8f8f8;border:0;vertical-align:top;text-indent:10px;border-radius:2px}

.zxlysub{background:#0066b3;width:20%;outline:0;height:40px;line-height:40px;color:#fff;text-align:center;border-radius:2px;border:0;font-size:16px;float:left;cursor:pointer}

.zxlysub:hover{background:#ffa200}

.indexcode{vertical-align:top;height:40px}

.zxlyinp{height:40px;line-height:40px;border-radius:2px;border:0;vertical-align:top;text-indent:10px;font-size:14px;outline:0;display:inline-block;border:1px solid #dedede;margin-right:50px;width:calc(48% - 160px)}

.inmesslinep{width:100%;height:40px;line-height:40px;font-size:14px;color:#666}

.inmesteat{height:120px;resize:none;outline:0;line-height:25px;border-radius:2px;border:1px solid #dedede;padding:5px 10px;display:block;width:calc(100% - 80px)}

.inmesslinefont{height:40px;line-height:40px;font-size:14px;color:#666;min-width:55px;display:inline-block}

@media (max-width:768px){.zxlyinp{width:calc(100% - 70px)}

.inmesslinefont{margin-top:15px}

.inmessline{margin:7px 0}

.zxlysub{width:35%}

.innewslist li span{padding:5px 10px}

.innewslist li .innewright .fl{width:98px}

}

.zxlyinpjt{background:url(../images/jiantou.png) no-repeat right center}

.zxlyinpjt option{padding-left:15px}

.qywh .qywh_list{display:flex;align-items:stretch;justify-content:space-between}

.qywh .qywh_list p{display:block;margin:15px;background:rgba(255,255,255,.5);text-align:center;padding-bottom:20px;width:calc(33.33% - 30px)}

.qywh .qywh_list b{font-size:30px;color:#0066b3;line-height:40px;margin-top:20px;display:block}

.qywh .qywh_list span{margin-top:10px;font-size:16px;padding:0 10px;display:block;line-height:30px}

.qywh .qywh_list p:hover{color:#fff;background:#0066b3}

.qywh .qywh_list p:hover b{color:#fff}

.qywh .qywh_list p:hover{opacity:.9;cursor:pointer}

.qywh .qywh_list p:before{content:' ';position:absolute;background-image:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,.5),#fff);width:100px;height:100%;top:0;left:-800px;opacity:.2;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;-webkit-transform:skewX(-35deg);transform:skewX(-35deg)}

.qywh .qywh_list p:hover:before{width:45px;left:800px}

@media screen and (max-width:990px){.qywh .qywh_list{display:flex;align-items:stretch;justify-content:space-between;flex-direction:column}

.qywh .qywh_list p{width:calc(100% - 5px);margin:10px 0}

}



/* 外贸独立站 */

.index_adv { background: url(../images/pic1.jpg) no-repeat top;}

.websp_pad{padding : 80px 0 90px;display: flow-root;}

.center2 { max-width: 1670px; margin: 0 auto; width: 100%;}

.all_tit{text-align: center;color: #333;}

.all_tit h3{font-size: 36px;color: #0066B3;display: block;margin-bottom: 15px;}

.all_tit a{color: #eb8a2c;border-bottom: 1px solid #eb8a2c;padding-bottom: 5px;}

.all_tit a:hover{font-style: italic;}

.all_tit p{display: inline-flex;}

.all_tit i{color: #666;margin-bottom: 12px;}

.index_adv ul{margin-top: 40px;display: flex;flex-wrap: wrap;justify-content: space-between;}

.index_adv li{width: 49%;background: #fff;border-radius: 12px;box-shadow: 0 0 12px rgba(8,51,104,.2);position: relative;overflow: hidden;margin-top: 30px;height: 280px;}

.index_adv li .txt{width: 60%;}

.index_adv li .txt .pad{padding: 50px 9%;}

.index_adv li .txt p{font-size: 16px;color: #666;line-height: 30px;display: block;margin: 16px 0 ;height: 90px;overflow: hidden;}

.index_adv li .txt .pic{top: 0;}

.index_adv li .imgg{width: 38.6%;height: 280px;}

.index_adv li .pic{max-width: 40%;animation: Updown 1s infinite alternate;position: absolute;top: 20px;right: 4.8%;}

.index_adv li .txt a {color: #0e54b4;display: inline-flex;height: 30px; line-height: 30px;}

.index_adv li .txt b{font-size: 26px;color: #0066B3;}

.index_adv li .txt a span{font-size: 36px;margin-left: 10px;}

.index_adv li .txt:hover a{color: #eb8a2c;font-style: italic;}
@media screen and (max-width:990px) {
    .index_adv li{width: 100%;}
}
.home-title{font-size:40px;color:#333;text-align:center}

.home-p{font-size:20px;color:#666;text-align:center;margin-top:6px}
.trade01 {
  padding: 90px 0 69px 0;
  background: #ddeaff;
}
.trade01 .list {
  margin: 0 -16px;
  padding-top: 56px;
  font-size: 0;
}
.trade01 .list li {
  width: 25%;
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  line-height: 28px;
  color: #333333;
  padding: 0 16px;
  margin-bottom: 30px;
  cursor: pointer;
}
.trade01 .list li .box {
  border-radius: 10px;
  border: solid 2px #ffffff;
  background: rgba(255, 255, 255, 0.5);
  padding: 19px 5px 24px 28px;
}
.trade01 .list li .pic {
  width: 50px;
  margin-bottom: 13px;
}
@media (min-width: 1025px) {
  .trade01 .list li:hover .box {
    background: #1f73ff;
    border: 2px solid #1f73ff;
    color: #fff;
  }
}

.customize03 {
  text-align: center;
  color: #fff;
  padding: 104px 0 127px 0;
  background: url(../images/cbgg.jpg) no-repeat top center;

}
.customize03 .home-title {
  font-size: 48px;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 10px;
}
.customize03 .home-title span {
  font-size: 72px;
  font-family: arial;
}
.customize03 .inmain-p {
  font-size: 24px;
  line-height: 28px;
  color: #ffffff;
}
.trade03{padding:90px 0 100px 0;background:#f4f7fc}

.trade03 .list2{margin:0 -15px;padding-top:33px}

.trade03 .list2 li{width:20%;float:left;padding:0 15px}

.trade03 .list2 li .box{min-height:337px;background:#fff;border-radius:6px;overflow:hidden}

.trade03 .list2 li .text{height:126px;position:relative}

.trade03 .list2 li .text .info{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);padding:0 20px}

.trade03 .list2 li .text .h3{font-size:24px;color:#fff;font-weight:700}

.trade03 .list2 li .text .p{font-size:18px;color:#fff}

.trade03 .list2 li .jsh{font-size:16px;line-height:34px;color:#666;padding:10px 8px 10px 20px}

.trade03 .list2 li .jsh p{background:url(../images/dot.png) no-repeat left 13px;padding-left:16px}
@media screen and (max-width:990px) {
     .trade01 .list li {
    width: 50%;
  }
    .trade03 .list2 li{width:100%;float:left;padding:0 15px}
    .trade03 .list2 li .text .h3{font-size:20px;}
    .trade03 .list2 li .text .p{ font-size: 16px;}
}

.trade05 {
    padding: 86px 0;
}
.trade05 img{ max-width: 100%;}
.seo03{background:0 0}

.seo03 .list2{padding-top:54px}

.seo03 .list2 li .box{min-height:473px;box-shadow:0 0 20px 0 rgba(0,44,118,.13)}



/* Shopify */



.sep-container{width:100%;margin:0 auto;max-width:1360px}

.shopify-title{font-size:42px;font-weight:700;color:#1a1a1a;margin-bottom:30px}

.text-center{text-align:center}

.shopify-section2{padding-top:120px;padding-bottom:120px;background:url(../img/shopify2-bg.jpg) no-repeat;background-size:cover}

.shopify-section2 .text{max-width:848px;margin:0 auto;font-size:16px;font-weight:400;color:#333;line-height:32px;margin-bottom:50px}

.shopify-section2 .items{margin:0 -25px}

.shopify-section2 .items .item{padding:0 25px}

.shopify-section2 .items .item .box{height:420px;background:#fff;box-shadow:0 12px 26px 0 rgba(0,0,0,.05);border-radius:10px;padding:0 35px;padding-top:45px;transition:all .4s}

.shopify-section2 .items .item .box:hover{background:linear-gradient(-30deg,#2879FF,#4D91FE);box-shadow:0 12px 26px 0 rgba(0,0,0,.05)}

.shopify-section2 .items .item .box:hover .icon-box{background:#fff}

.shopify-section2 .items .item .box:hover .icon-box img:nth-child(1){display:block}

.shopify-section2 .items .item .box:hover .icon-box img:nth-child(2){display:none}

.shopify-section2 .items .item .box:hover .title{color:#fff}

.shopify-section2 .items .item .box:hover .summary{color:#fff}

.shopify-section2 .items .item .box .icon-box{width:100px;height:100px;background:linear-gradient(-30deg,#007BFF,#86BFFC);border-radius:50%;margin:0 auto;margin-bottom:30px}

.shopify-section2 .items .item .box .icon-box img:nth-child(1){display:none}

.shopify-section2 .items .item .box .title{text-align:center;font-size:19px;font-weight:400;color:#1a1a1a;line-height:32px;margin-bottom:15px}

.shopify-section2 .items .item .box .summary{font-size:14px;font-weight:400;color:#4d4d4d;line-height:32px}

.shopify-section5{padding-top:126px;padding-bottom:126px}

.shopify-section5 .shopify-title{margin-bottom:0}

.shopify-section5 .thumb{width:50%;padding-right:80px}

.shopify-section5 .box-wrap{padding-right:280px}

.shopify-section5 .shopify-faq-items{margin-top:83px;width:50%}

.shopify-section5 .shopify-faq-items .item{margin-bottom:20px}

.shopify-section5 .shopify-faq-items .item.active .box{background:#3856c4;color:#fff;border-bottom-left-radius:0;border-bottom-right-radius:0}

.shopify-section5 .shopify-faq-items .item.active .box i{background:#fff;color:#3856c4;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;-ms-transition:all .4s;transition:all .4s}

.shopify-section5 .shopify-faq-items .item .box{background:#fff;box-shadow:0 6px 26px 0 rgba(0,0,0,.08);border-radius:32px;font-size:20px;font-weight:400;color:#1a1a1a;padding:10px 0;padding-right:13px;padding-left:36px;cursor:pointer}

.shopify-section5 .shopify-faq-items .item .box i{width:44px;height:44px;background:#3856c4;border-radius:50%;color:#fff;font-size:30px;margin-left:auto;padding-left:3px;cursor:pointer}

.shopify-section5 .shopify-faq-items .item .content{background:#fff;box-shadow:0 6px 26px 0 rgba(0,0,0,.08);border-radius:0 0 32px 32px;padding:20px 36px;font-size:16px;font-weight:400;color:#4d4d4d;line-height:32px;display:none}


.sep-container-1920{width:100%;margin:0 auto;}

.flex-v-center{display:flex;align-items:center}

.flex{display:flex}

.flex-center{display:flex;align-items:center;justify-content:center}

.big-title{margin-bottom:40px;text-align:center}

.big-title h2{font-size:34px;line-height:50px;font-weight:700}

.big-title h3{margin-top:14px;font-size:16px;color:#9099a4}

.big-title a{color:#858de9}

.main-wrap{max-width:1340px;padding-left:30px;padding-right:30px;margin-left:auto;margin-right:auto}

.strongpoint li{float:left;width:19.531%;margin:36px 7.265% 36px 0}

.strongpoint li:nth-child(4),.strongpoint li:nth-child(8){margin-right:0}

.strongpoint li .icon{height:80px;font-size:48px;line-height:1}

.strongpoint li h3{margin-bottom:13px;font-size:19px;font-weight:700;line-height:28px}

.strongpoint li h4{font-size:16px; line-height: 1.4;}

.symbol-icon{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}
.btn-list .nav-item{ margin: 5px;}
@media screen and (max-width: 991px) {
    .shopify-section2 .items .item .box{ height: auto;}
    .strongpoint li{float:left;width:49%;margin:36px 0.5%; text-align: center;}
    .shopify-section5 .box-wrap{ width: 100%; display: block; float: left; padding: 0 !important;}
    .shopify-section5 .thumb{ width: 100%; padding: 0; display: block;}
    .shopify-section5 .shopify-faq-items{ width: 100%;}
    .btn-list .nav-item{ float: left; width: calc(50% - 15px); }
}


  /* googleseo */

  .pgseo-section{position:relative;width:100%}

.pgseo-sec1{position:relative;width:100%;padding-top:7.8125%;padding-bottom:72px}

.pgseo-sec-top{position:relative;width:100%}

.yun-sec-top .yun-sec-title{position:relative;width:100%;font-weight:700;font-size:40px;color:#222;line-height:52px}

.yun-sec-top .yun-sec-title .title-img{display:inline-block;vertical-align:top;width:62px;margin-right:8px}

.index-tbody-btn .btnn{position:relative;display:inline-block;vertical-align:top;text-align:center;min-width:163px;padding:4px;line-height:40px;font-size:18px;color:#fff;background:#222;border-radius:24px}

.index-tbody-btn .btnn .iconfont{display:inline-block;vertical-align:top;text-align:center;position:absolute;top:4px;right:4px;bottom:4px;width:40px;height:40px;line-height:40px;font-size:18px;color:#fff;background:#006fe8;border-radius:50%}

.iconarrow-up-right:before{content:"\e408"}



.pgseo-sec1{position: relative;width: 100%;padding-top: 7.8125%;padding-bottom: 72px;}

.pgseo-sec1 .pgseo-sec1-text{position: relative;width: 100%;font-size: 18px;color: #666666;margin-top: 18px;line-height: 30px;}

.pgseo-sec1 .pgseo1-tbody{position: relative;width: 100%;padding-top: 62px;}

.pgseo-sec1 .pgseo1-tbody-flex{position: relative;width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}

.pgseo-sec1 .pgseo1-tbody-left{position: relative;width: 34.575%;}

.pgseo-sec1 .pgseo1-tbody-right{position: relative;width: 61%;}

.pgseo-sec1 .pgseo1-tbody-img{position: relative;width: 100%;text-align: center;transition: all .5s;}

.pgseo-sec1 .pgseo1-tbody-img .item-pic{position: relative;width: 100%;text-align: center;transition: all .5s;}

.pgseo-sec1 .pgseo1-tbody-img .item-pic img{display: inline-block;vertical-align: top;width: 100%;transition: all .5s;}

.pgseo-sec1 .pgseo1-tbody-img .item-pic .pic1{visibility: visible;opacity: 1;position: absolute;left: 0;top: 0;width: 100%;}

.pgseo-sec1 .pgseo1-tbody-img .item-pic .pic2{visibility: hidden;opacity: 0;position: relative;}

.pgseo-sec1 .pgseo1-tbody-img:hover .item-pic .pic1{visibility: hidden;opacity: 0;transform: rotateY(.5turn);}

.pgseo-sec1 .pgseo1-tbody-img:hover .item-pic .pic2{visibility: visible;opacity: 1;}





.pgseo-sec1 .pgseo1-tbody-list{position: relative;font-size: 0;letter-spacing: 0;display: flex;flex-wrap: wrap;margin-left: -28px;margin-right: -28px;}

.pgseo-sec1 .pgseo1-list-item{position: relative;display: inline-block;vertical-align: top;width: 50%;padding: 20px 28px;}

.pgseo-sec1 .pgseo1-list-item .item-box{position: relative;width: 100%;height: 100%;background: #FFFFFF;box-shadow: 0px 0px 18px 0px rgba(6,0,1,0.06);border-radius: 24px;padding: 36px 30px 50px;}

.pgseo-sec1 .pgseo1-list-item .item-box:hover{background: url(../imgages/seo1-item-bgi.png) no-repeat top right;background-size: 100%;background-color: #fff;}

.pgseo-sec1 .pgseo1-list-item .item-box .item-title{position: relative;width: 100%;font-weight: bold;font-size: 24px;color: #222222;line-height: 36px;}

.pgseo-sec1 .pgseo1-list-item .item-box .item-desc{position: relative;width: 100%;margin-top: 13px;font-size: 18px;color: #666666;line-height: 27px;min-height: 81px;overflow: hidden;}

.pgseo-sec1 .pgseo1-tbody-btn{position: relative;width: 100%;text-align: center;margin-top: 8px;}

@media screen and (max-width: 991px) {

	.pgseo-sec1{padding-top: 7%;padding-bottom: 36px;}

	.pgseo-sec1 .pgseo-sec1-text{font-size: 15px;margin-top: 12px;line-height: 26px;}

	.pgseo-sec1 .pgseo1-tbody{padding-top: 30px;}

	.pgseo-sec1 .pgseo1-tbody-left{width: 100%;}

	.pgseo-sec1 .pgseo1-tbody-right{width: 100%;}

	.pgseo-sec1 .pgseo1-tbody-list{margin-left: -5px;margin-right: -5px;}

	.pgseo-sec1 .pgseo1-list-item{width: 50%;padding: 6px 5px;}

	.pgseo-sec1 .pgseo1-list-item .item-box{border-radius: 14px;padding: 20px 12px 24px;}

	.pgseo-sec1 .pgseo1-list-item .item-box .item-title{font-size: 18px;line-height: 30px;}

	.pgseo-sec1 .pgseo1-list-item .item-box .item-desc{margin-top: 8px;font-size: 14px;line-height: 22px;min-height: 66px;}

	.pgseo-sec1 .pgseo1-tbody-btn{margin-top: 28px;}

}

.pgseo-sec2{position: relative;width: 100%;padding-top: 72px;padding-bottom: 72px;}

.pgseo-sec2 .pgseo2-tbody{position: relative;width: 100%;padding-top: 45px;}

.pgseo-sec2 .pgseo2-tbody-list{position: relative;font-size: 0;letter-spacing: 0;display: flex;flex-wrap: wrap;}

.pgseo-sec2 .pgseo2-tbody-item{position: relative;width: 100%;margin-bottom: 120px;}

.pgseo-sec2 .pgseo2-tbody-list .pgseo2-tbody-item:nth-last-of-type(1){margin-bottom: 0 !important;}

.pgseo-sec2 .pgseo2-tbody-item .pgseo2-item-flex{position: relative;width: calc(1400px + (100% - 1400px)/ 2); max-width: 100%; display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}

.pgseo-sec2 .pgseo2-tbody-list .pgseo2-tbody-item:nth-of-type(odd) .pgseo2-item-flex{margin-left: auto;flex-direction: row;}

.pgseo-sec2 .pgseo2-tbody-list .pgseo2-tbody-item:nth-of-type(even) .pgseo2-item-flex{margin-right: auto;flex-direction: row-reverse;}

.pgseo-sec2 .pgseo2-item-flex .pgseo2-item-left{position: relative;width: 28.35%;}

.pgseo-sec2 .pgseo2-item-flex .pgseo2-item-right{position: relative;width: 64.457832%;}

.pgseo-sec2 .pgseo2-item-img{position: relative;width: 100%;text-align: center;}

.pgseo-sec2 .pgseo2-item-img .item-pic{position: relative;width: 100%;text-align: center;}

.pgseo-sec2 .pgseo2-item-img .item-pic img{display: inline-table;vertical-align: top;width: 100%;}

.pgseo-sec2 .pgseo2-item-info{position: relative;width: 100%;}

.pgseo-sec2 .pgseo2-item-info .item-title{position: relative;width: 100%;font-weight: bold;font-size: 32px;color: #006FE8;line-height: 44px;}

.pgseo-sec2 .pgseo2-item-info .item-text{position: relative;width: 100%;margin-top: 34px;}

.pgseo-sec2 .pgseo2-item-info .item-text .item-text-desc{position: relative;width: 100%;padding-left: 15px;font-size: 18px;color: #222222;line-height: 27px;margin-bottom: 27px;}

.pgseo-sec2 .pgseo2-item-info .item-text .item-text-desc::before{position: absolute;left: 0;top: 10px;content: "";width: 7px;height: 7px;background: #016FE8;border-radius: 50%;}

.pgseo-sec2 .pgseo2-item-info .item-btn{position: relative;width: 100%;padding-top: 25px;}

.pgseo-sec2 .pgseo2-item-info .item-btn .btnn{display: inline-block;vertical-align: top;font-size: 16px;color: #222222;line-height: 30px;text-decoration: underline; }

.pgseo-sec2 .pgseo2-item-info .item-btn .btnn .iconfont{display: inline-block;vertical-align: top;font-size: 26px;margin-left: 2px;}

.pgseo-sec2 .pgseo2-item-info .item-btn a.btnn:hover{color: #006FE8;}

@media screen and (max-width: 991px) {

	.pgseo-sec2{padding-top: 36px;padding-bottom: 36px;}

	.pgseo-sec2 .pgseo2-tbody{padding-top: 28px;}

	.pgseo-sec2 .pgseo2-tbody-item{margin-bottom: 36px;}

	.pgseo-sec2 .pgseo2-tbody-item .pgseo2-item-flex{width: 750px;padding: 0 15px;margin: 0 auto;}

	.pgseo-sec2 .pgseo2-item-flex .pgseo2-item-left{width: 100%;}

	.pgseo-sec2 .pgseo2-item-flex .pgseo2-item-right{width: 100%;padding-top: 16px;}

	.pgseo-sec2 .pgseo2-item-info .item-title{font-size: 24px;line-height: 36px;}

	.pgseo-sec2 .pgseo2-item-info .item-text{margin-top: 18px;}

	.pgseo-sec2 .pgseo2-item-info .item-text .item-text-desc{padding-left: 14px;font-size: 15px;line-height: 24px;margin-bottom: 16px;}

	.pgseo-sec2 .pgseo2-item-info .item-text .item-text-desc::before{top: 9px;width: 6px;height: 6px;}

	.pgseo-sec2 .pgseo2-item-info .item-btn{padding-top: 16px;}

	.pgseo-sec2 .pgseo2-item-info .item-btn .btnn{font-size: 14px;line-height: 24px;}

	.pgseo-sec2 .pgseo2-item-info .item-btn .btnn .iconfont{font-size: 20px;}

}

.pgseo-sec3{position: relative;width: 100%;padding-top: 73px;padding-bottom: 75px;}

.pgseo-sec3 .pgseo3-tbody{position: relative;width: 100%;padding-top: 40px;}

.pgseo-sec3 .pgseo3-tbody-list{position: relative;font-size: 0;letter-spacing: 0;display: flex;flex-wrap: wrap;margin-left: -17px;margin-right: -17px;}

.pgseo-sec3 .pgseo3-tbody-item{position: relative;display: inline-block;vertical-align: top;width: 33.3333333%;padding: 0 18px;margin-bottom: 20px;}

.pgseo-sec3 .pgseo3-tbody-item .item-box{position: relative;width: 100%;transition: all .5s;}

.pgseo-sec3 .pgseo3-tbody-item .item-box-pic{position: relative;width: 100%;border-radius: 32px;overflow: hidden;transition: all .5s;}

.pgseo-sec3 .pgseo3-tbody-item .item-box-pic .item-pic{position: relative;width: 100%;text-align: center;overflow: hidden;}

.pgseo-sec3 .pgseo3-tbody-item .item-box-pic .item-pic img{display: inline-block;vertical-align: top;width: 100%;}

.pgseo-sec3 .pgseo3-tbody-item .item-box-pic::before{position: absolute;content: "";left: 0;right: 0;top: 100%;width: 100%;height: 55.5%;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(1, 111, 232, 1) 100%);z-index: 22;transition: all .5s;}

.pgseo-sec3 .pgseo3-tbody-item .item-box-pic .item-title{position: absolute;left: 0;right: 0;top: 100%;padding: 20px 24px;font-size: 24px;color: #FFFFFF;line-height: 34px;z-index: 22;transition: all .5s;}

.pgseo-sec3 .pgseo3-tbody-item .item-box:hover .item-box-pic::before{top: auto;bottom: 0;}

.pgseo-sec3 .pgseo3-tbody-item .item-box:hover .item-box-pic .item-title{top: auto;bottom: 0;}

.pgseo-sec3 .pgseo3-tbody-item .item-body{position: relative;width: 100%;padding-top: 26px;}

.pgseo-sec3 .pgseo3-tbody-item .item-body .item-text{position: relative;width: 100%;font-size: 18px;color: #222222;line-height: 27px;}

.pgseo-sec3 .pgseo3-tbody-btn{position: relative;width: 100%;text-align: center;padding-top: 26px;}

@media screen and (max-width: 991px) {

	.pgseo-sec3{padding-top: 38px;padding-bottom: 38px;}

	.pgseo-sec3 .pgseo3-tbody{padding-top: 24px;}

	.pgseo-sec3 .pgseo3-tbody-list{margin-left: -12px;margin-right: -12px;}

	.pgseo-sec3 .pgseo3-tbody-item{width: 50%;padding: 0 12px;margin-bottom: 18px;}

	.pgseo-sec3 .pgseo3-tbody-item .item-box-pic{border-radius: 20px;}

	.pgseo-sec3 .pgseo3-tbody-item .item-box-pic .item-title{padding: 10px 12px;font-size: 18px;line-height: 30px;}

	.pgseo-sec3 .pgseo3-tbody-item .item-body{padding-top: 14px;}

	.pgseo-sec3 .pgseo3-tbody-item .item-body .item-text{font-size: 15px;line-height: 26px;}

	.pgseo-sec3 .pgseo3-tbody-btn{padding-top: 14px;}

}

.pgseo-sec4{position: relative;width: 100%;padding-top: 74px;padding-bottom: 124px;}

.pgseo-sec4 .pgseo4-tbody{position: relative;width: 100%;padding-top: 64px;}

.pgseo-sec4 .pgseo4-tbody-list{position: relative;font-size: 0;letter-spacing: 0;display: flex;flex-wrap: wrap;margin-left: -20px;margin-right: -20px;}

.pgseo-sec4 .pgseo4-list-item{position: relative;display: inline-block;vertical-align: top;width: 50%;padding: 0 20px;margin-bottom: 30px;}

.pgseo-sec4 .pgseo4-list-item .item-box{position: relative;width: 100%;height: 100%;border-radius: 40px;padding: 61px 56px 204px;background: rgba(230, 240, 252, .55);transition: all .5s;}

.pgseo-sec4 .pgseo4-list-item:hover .item-box{background: url(../images/seo4-item-bgi.png) no-repeat center center;background-color: #016FE8;background-size: 100% 100%;}

.pgseo-sec4 .pgseo4-tbody-list .pgseo4-list-item:nth-last-of-type(1):hover .item-box{background: url(../images/seo4-item-bgi1.png) no-repeat center center;background-color: #016FE8;background-size: 100% 100%;}

.pgseo-sec4 .pgseo4-list-item .item-box .item-pic{position: absolute;right: 16px;bottom: 6px;width: 100%;max-width: 424px;}

.pgseo-sec4 .pgseo4-list-item .item-box .item-pic img{display: inline-block;vertical-align: top;width: 100%;}

.pgseo-sec4 .pgseo4-list-item .item-box .item-body{position: relative;width: 100%;}

.pgseo-sec4 .pgseo4-list-item .item-body .item-title{position: relative;width: 100%;font-weight: bold;font-size: 24px;color: #222222;line-height: 36px;}

.pgseo-sec4 .pgseo4-list-item .item-body .item-text{position: relative;width: 100%;font-size: 18px;margin-top: 18px;color: #222222;line-height: 27px;}

.pgseo-sec4 .pgseo4-list-item .item-body .item-text p{display: block;margin-bottom: 9px;}

.pgseo-sec4 .pgseo4-list-item .item-body .item-text b{font-size: 24px;font-weight: bold;}

.pgseo-sec4 .pgseo4-list-item .item-body .item-btn{position: relative;width: 100%;padding-top: 35px;}

.pgseo-sec4 .pgseo4-list-item .item-btn .btnn{display: inline-block;vertical-align: top;font-size: 16px;color: #006FE8;line-height: 30px;text-decoration: underline; }

.pgseo-sec4 .pgseo4-list-item .item-btn .btnn .iconfont{display: inline-block;vertical-align: top;font-size: 26px;margin-left: 2px;}

.pgseo-sec4 .pgseo4-list-item .item-btn a.btnn:hover{color: #222222;}

.pgseo-sec4 .pgseo4-list-item:hover .item-body .item-title{color: #fff;}

.pgseo-sec4 .pgseo4-list-item:hover .item-body .item-text{color: #fff;}

.pgseo-sec4 .pgseo4-list-item:hover .item-btn .btnn{color: #fff;}

.pgseo-sec4 .pgseo4-list-item:hover .item-btn a.btnn:hover{color: #cccccc;}

@media screen and (max-width: 991px) {

	.pgseo-sec4{padding-top: 38px;padding-bottom: 70px;}

	.pgseo-sec4 .pgseo4-tbody{padding-top: 36px;}

	.pgseo-sec4 .pgseo4-tbody-list{margin-left: -6px;margin-right: -6px;}

	.pgseo-sec4 .pgseo4-list-item{width: 50%;padding: 0 6px;margin-bottom: 20px;}

	.pgseo-sec4 .pgseo4-list-item .item-box{border-radius: 28px;padding: 40px 28px 180px;}

	.pgseo-sec4 .pgseo4-list-item .item-box .item-pic{right: 12px;bottom: 6px;max-width: 300px;}

	.pgseo-sec4 .pgseo4-list-item .item-body .item-title{font-size: 18px;line-height: 30px;}

	.pgseo-sec4 .pgseo4-list-item .item-body .item-text{font-size: 14px;margin-top: 12px;line-height: 24px;}

	.pgseo-sec4 .pgseo4-list-item .item-body .item-text p{margin-bottom: 6px;}

	.pgseo-sec4 .pgseo4-list-item .item-body .item-text b{font-size: 20px;}

	.pgseo-sec4 .pgseo4-list-item .item-body .item-btn{padding-top: 20px;}

	.pgseo-sec4 .pgseo4-list-item .item-btn .btnn{font-size: 14px;line-height: 24px;}

	.pgseo-sec4 .pgseo4-list-item .item-btn .btnn .iconfont{font-size: 20px;}

}

/* 关键词广告 */

a.sub1{line-height:48px;background-color:#1f73ff;border-radius:6px;font-size:16px;padding:0 48px;text-align:center;color:#fff;display:inline-block;border:solid 1px #1f73ff;transition:.5s}

a.sub1:hover{background:#1c69e8}

a.sub2{line-height:48px;background-color:#fff;border-radius:6px;font-size:16px;padding:0 48px;text-align:center;color:#1f73ff;display:inline-block;border:solid 1px #1f73ff;transition:.5s}

a.sub2:hover{background:#1f73ff;color:#fff}

.yandex01{padding:90px 0 98px 0;background:#ecf3ff}

.yandex01 .second-nav{text-align:center;margin-top:45px;border-bottom:1px solid #d4dae5}

.yandex01 .second-nav li{display:inline-block;vertical-align:top;line-height:32px;font-size:20px;width:11%;margin:0 2%;color:#333;text-align:center}

.yandex01 .second-nav li .iconfont{width:32px;line-height:32px;border-radius:50%;color:#1f73ff;background:#d7e6ff;text-align:center;display:inline-block;vertical-align:top;font-size:19px;margin-right:5px;transition:.5s}

.yandex01 .second-nav li .icon-sousuo{font-size:16px}

.yandex01 .second-nav li .icon-zhanshi{font-size:23px}

.yandex01 .second-nav li .icon-guanggaojiaoyi{font-size:16px}

.yandex01 .second-nav li .icon-faxian{font-size:14px}

.yandex01 .second-nav li a{height:46px;display:block;position:relative}

.yandex01 .second-nav li a:after{content:'';display:block;width:0;height:2px;background:#1f73ff;position:absolute;bottom:0;left:0;transition:.5s}

.yandex01 .second-nav .active a{color:#1f73ff}

.yandex01 .second-nav .active a:after{width:100%}

.yandex01 .second-nav .active .iconfont{background:#1f73ff;color:#fff}

.yandex01 .show{padding-top:42px}

.yandex01 .show .info{display:none;font-size:0}

.yandex01 .show .info .left{display:inline-block;vertical-align:middle;width:45.5%}

.yandex01 .show .info .left .pic:after{padding-bottom:56.40243902%}
.yandex01 .show .info .left .pic img{ max-width: 100%;}

.yandex01 .show .info .text{display:inline-block;vertical-align:middle;width:51.5%;padding-left:5%}

.yandex01 .show .info .text .bt{font-size:32px;margin-bottom:4%;color:#333}

.yandex01 .show .info .text .jsh{font-size:16px;line-height:28px;margin-bottom:4%;color:#666}

.yandex01 .show .info .text .list p{display:inline-block;vertical-align:top;background-color:#dae8ff;color:#1f73ff;margin-right:10px;margin-bottom:10px;line-height:32px;border-radius:4px;padding:0 27px;font-size:14px}

.yandex01 .show .info .text .btn{margin-top:4%}

.yandex01 .show .info .text .sub1{margin-right:26px}
.yandex01 .show .info .text .sub1:hover { color: #fff;}
@media screen and (max-width:990px) {
    .yandex01 .show .info .left{width:100%}
    .yandex01 .show .info .text{width: calc(100% - 30px);; padding: 15px;}
    .yandex01 .show .info .text .sub1{ margin-right: 0; margin-bottom: 10px;}
    .yandex01 .second-nav li{ width: 28.3%;border-bottom: 1px solid #d4dae5;}
    .yandex01 .second-nav li a{ height: auto; padding: 10px 0;}
    .yandex01 .second-nav{ border: none;}
}
.yandex02{padding:88px 0 100px 0}

.yandex02 .img{margin-top:51px;margin-bottom:56px}

.yandex02 .btn{text-align:center}

.yandex02 .btn a{margin:0 16px}

.google02{padding:98px 0 56px 0;background:url(../images/sec2-bgi.png) no-repeat  center;background-size:cover}

.google02 .left{float:left;margin-top:7%}

.google02 .left .h3{font-size:40px;line-height:48px;color:#333;margin-bottom:10%}

.google02 .left .p{font-size:20px;line-height:28px;color:#666}

.google02 .right{float:right;width:68%;padding-right:8.5%}

.google02 .right ul{margin:0 -25px;font-size:0}

.google02 .right ul li{width:50%;display:inline-block;vertical-align:top;padding:0 25px;margin-bottom:50px}

.google02 .right ul li .box{background-color:#fff;box-shadow:0 0 20px 0 rgba(0,44,118,.1);border-radius:10px}

.google02 .right ul li .text{padding:39px 43px}

.google02 .right ul li .bt{font-size:24px;font-weight:700;color:#333}

.google02 .right ul li .span{font-size:20px;color:#666;margin-bottom:27px}

.google02 .right ul li .jsh{font-size:14px;line-height:28px;color:#666}

.google02 .right ul li .jsh p{min-width:50%;margin-bottom:4px;float:left}

.google02 .right ul li .jsh p .iconfont{color:#1f73ff;margin-right:6px}

.google02 .right ul li .jsh p img{margin-left:6px}

.google02 .right ul li .pic:after{padding-bottom:57.5%}

/* .google02 .right ul li:nth-child(3){margin-left:-22%} */
.wrap{width:1600px!important;margin:0 auto}
@media screen and (max-width:990px) {
    .google02 .left .h3{font-size:30px;}

.google02 .left .p{font-size:16px;}
.google02 .right{ width: 100%; padding: 0;}
.google02 .right ul li{ width: 100%;}
.google02 .right ul li:nth-child(3){ margin-left: 0;}
.google02 .right ul li .text{padding: 39px 24px;}
.wrap{width:100% !important;margin:0 auto}
}



.section2{padding-bottom:225px;position:relative;overflow:hidden}

.model-title{font-family:SourceHanSansCN-Bold;font-size:36px;line-height:36px;color:#333;text-align:center;font-weight:700;position:relative}

.model-title::after{position:absolute;content:'';display:block;width:53px;height:6px;background-color:#0077c8;bottom:-37px;left:50%;transform:translateX(-50%)}

.section2-box{margin-top:164px}

.advertisement-box{margin-left:33px;align-items:flex-start}

.flex1{display:flex;flex-wrap:wrap;display:-webkit-flex}

.text-box{padding-top:9px;padding-left:31px}

.font-size24{font-size:24px;line-height:24px}

.font-size25{font-size:25px;line-height:27px}

.font-size20{font-size:20px;line-height:22px}

.font-weight{font-weight:700}

.font-color3{color:#333}

.section2-box-text{color:#666;margin-top:12px}

.advertisement-box1{margin-top:34px}

.img1{position:absolute;right:-48px;top:128px}

.btn1{display:flex;width:337px;height:45px;background-color:#0077c8;border-radius:22px;border:none;color:#fff;margin:0 auto;margin-top:206px;cursor:pointer;transition:.5s;align-items:center;justify-content:center}

.btn1:hover{background-color:#fe8f1c;color:#fff}

.section3{background-image:linear-gradient(0deg,#d0e2ff 0,#fff 100%),linear-gradient(#f6f7fb,#f6f7fb);padding-top:109px;padding-bottom:159px}

.section3 .flex{display:flex;justify-content:space-between;flex-wrap:wrap;display:-webkit-flex}

.section3-wrap{margin-top:74px}

.font-size28{font-size:28px;line-height:30px}

.box-3{padding-top:21px;padding-bottom:41px; width: calc(50% - 15px);position:relative;cursor:pointer}

.box-3:hover{background-image:linear-gradient(90deg,rgba(32,102,199,.33) 0,rgba(255,255,255,0) 100%)}
.box-3 p{padding-left: 20px;}


.box-3::after{content:'';display:block;position:absolute;width:calc(100% - 10px);bottom:0;height:1px;background-color:#a9a9a9}

.box-3 .font-size18{color:#666;margin-top:5.4px;line-height:35px}

.box-3-margin{margin-top:23px;padding-bottom:39px}

.box-3-margin1{margin-top:33px;padding-bottom:44px}
.lh-xxl li { line-height: 2.5; position: relative;}
.lh-xxl li::before{ position: absolute; left: -30px;
top:15px; content: ''; width: 6px; height: 6px; border-radius: 100%; background: #0066B3;}
@media screen and (max-width:990px) {
    .section2 .img1{ display: none;}
    .box-3{padding:20px;width: calc(100% - 40px);position:relative;cursor:pointer}
    .model-title{font-size:28px;}
}
.section4{height:545px;background-image:url(../images/back1.png);padding-top:67px}

.section4 .model-title{color:#fff}

.section4 .model-title::after{background-color:#fff}

.section4 .flex{display:flex;justify-content:space-between;flex-wrap:wrap;display:-webkit-flex}

.box-4{width:208px;height:208px;border:solid 2px #fff;border-radius:50%;box-sizing:border-box;text-align:center;position:relative;cursor:pointer}

.sanjiao{position:absolute;left:-42px;top:50%;transform:translateY(-50%);width:16px;min-height:20px}

.box-4 .font-size18{color:#fff}

.box-4-title{margin-bottom:18px;font-weight:700;color:#fff;padding-top:52px}

.box-4-margin{margin-top:6px}

.section4-margin{margin-top:114px;padding-left:12px;padding-right:9px}
@media screen and (max-width:990px) {
    .section4{height:auto;}
    .box-4{ width: 42%;}
}
/* Facebook */

.section-1{background-image:linear-gradient(0deg,#e7f0ff 0,#fff 100%);padding-bottom:100px;margin-top:104px}

.section-1 .title{font-size:42px;color:#333;text-align:center}

.section-1 .content{text-align:center;margin-top:32px;font-size:16px;color:#999}

.section-1 .flex{margin-top:83px;display:flex;justify-content:space-between;flex-wrap:wrap;display:-webkit-flex}

.section-1 .flex .num-box{width:224px;height:224px;border:solid 1px rgba(32,107,235,.23);border-radius:50%;box-sizing:border-box;text-align:center;font-size:36px;font-weight:700;color:#206beb;line-height:224px}

.section-1 .flex .introduce-text{margin-top:22px;font-size:16px;color:#333;text-align:center}
@media screen and (max-width:990px) {
    .mt-3 .col-12{ margin-bottom: 10px;}
    .section-1 .flex .num-box{width:160px;height:160px;font-size:36px;line-height: 160px;}
    .statistics-data{ width: 42%;}
}
.faqbox ul{padding:2rem 0!important}

.faqbox ul li button{background:#e1e4f1;border:none;color:#333;font-size:15px;padding:.7rem 1.8rem}

.faqbox ul li button:hover{background:#227ae7;color:#fff}

.faqbox ul li .active{background:#227ae7;color:#fff}

.btn-list{--tblr-list-gap:0.5rem;display:flex;flex-wrap:wrap;gap:var(--tblr-list-gap)}

.justify-content-center{justify-content:center!important}

.pt-3{padding-top:1rem!important}

.display-6 { font-size: 1.8rem; padding-bottom: 25px;}

.tab-content>.tab-pane{display:none}

.tab-content>.active{display:block}

.align-items-center{align-items:center!important}

.col-md-7{flex:0 0 auto;width:58.33333333%}

.badge{justify-content:center;align-items:center;background:#0066B3;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:var(--tblr-border-width) var(--tblr-border-style) transparent;min-width:1.35714285em;font-weight:var(--tblr-font-weight-bold);letter-spacing:.04em;vertical-align:bottom; color: #fff;}

.me-3{margin-right:1rem!important}

.adstype .col-md-6 .box{border:1px solid #ddd}

.b2c-boximg4{background:url(../images/b2c-c7-bg.jpg) center}


.training .card {
    --tblr-card-border-width: 0;
}

.btn.active {
    border-color: transparent;
}

.bg-bing2 {
    background: #f6f9ff;
}

.bg-darkbing {
    background-image: url(../images/bg-darkbing.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-lightbwbing {
    background-image: url(../images/bg-lightbwbing.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-lightbarrow {
    background-image: url(../images/bg-lightbarrow.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.card-header{color:inherit;display:flex;align-items:center;background:0 0}

.avatar-md{--tblr-avatar-size:4rem}

.card-body { flex: 1 1 auto; background: #fff; border-radius: 5px; padding: var(--tblr-card-spacer-y) var(--tblr-card-spacer-x); color: var(--tblr-card-color); position: relative;}

.card-body p{ padding-bottom: 15px;}
.card-body .py-md-3{ color: #000!important; font-weight: 600;}
.card-body p.mb-3 {color: #000!important}
/* Yandex */
.section {
 

}

.run {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
.module-title {

    text-align: center;

    font-family: SourceHanSansCN-Bold;

    font-size: 35px;

    color: #333333;

    position: relative;

    font-weight: 700;

}



.module-title::after {

    content: '';

    width: 53px;

    height: 6px;

    background-color: #0077c8;

    position: absolute;

    bottom: -32px;

    left: calc(50% - 26.5px);

}
/*  */

.tabs {
    font-size: 21px;
    position: absolute;
    color: #333333;
    left: 58px;
    z-index: 999;
    top: 306px;
    cursor: pointer;
    font-size: 16px;
}

.tabs span {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #333333;
    border-radius: 50%;
    margin-right: 8px;
}

.vertical-line {
    height: 0px;
    width: 1px;
    background-color: #122533;
    margin-top: 13px;
    margin-left: 5px;
    transition: height 0.5s;
}

.selectya {
    color: #0079d2;
}

.selectya span {
    background-color: #0079d2;
}

.selectya .vertical-line {
    height: 126px;
}

.advert-style {

    display: flex;

}







.advert-right {

    min-width: 50%;

}



.advert-title {

    margin-top: 120px;

    margin-bottom: 14px;

    font-family: SourceHanSansCN-Bold;

    font-size: 30px;

    color: #0079d2;

    font-weight: 700;

    line-height: 40px;

}



.advert-text {

    font-family: SourceHanSansCN-Medium;

    font-size: 20px;

    color: #333333;

}



.advert-text {

    margin-top: 9px;



}



.advert-label {

    margin-top: 23px;

    width: 561px;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    margin-bottom: 58px;

}



.advert-label::after {

    width: 177px;

    content: '';

    display: block;

}



.advert-label2 {

    width: 369px;

}



.advert-content {

    margin-top: 16px;

    height: 47px;

    display: flex;

    align-items: center;

    background: linear-gradient(to right, #ff8f1c, #ffffff);

    padding-left: 23px;

    padding-right: 70px;

    box-sizing: border-box;

    color: #ffffff;

    width: 348px;

    box-sizing: border-box;

    font-size: 24px;

    color: #ffffff;

}



.label-box {

    width: 177px;

    padding: 4px 0 5px;

    background-color: #dceaff;

    border-radius: 18px;

    text-align: center;

    margin-top: 15px;

    font-size: 21px;

    line-height: 23px;

    color: #333333;

}



.right-img {

    margin-top: 111px;

    width: 694px;

    height: 420px;

    position: relative;

}



.right-img>.macbook {

    width: 100%;

}

.advertisement-title {

    font-family: SourceHanSansCN-Bold;

    font-size: 29px;

    font-weight: 700;

    color: #333333;

    text-align: center;

    position: absolute;

    top: -59px;

    width: 100%;

    line-height: 30px;

}

.phone {

    position: absolute;

    top: 89px;

    right: -68px;

    z-index: 20;

}

.right-img {

    margin-top: 111px;

    width: 694px;

    height: 420px;

    position: relative;

}



.right-img>.macbook {

    width: 100%;

}


.advertisement-title {
    font-family: SourceHanSansCN-Bold;
    font-size: 29px;
    font-weight: 700;
    color: #333333;
    text-align: center;
    position: absolute;
    top: -59px;
    width: 100%;
    line-height: 30px;
}

.advert-style-swiper2 {
    display: none;
}

.banner img {
    width: 100%;
    display: block;
}

.module-title {
    text-align: center;
    font-family: SourceHanSansCN-Bold;
    font-size: 35px;
    color: #333333;
    position: relative;
    font-weight: 700;
}

.module-title::after {
    content: '';
    width: 53px;
    height: 6px;
    background-color: #0077c8;
    position: absolute;
    bottom: -32px;
    left: calc(50% - 26.5px);
}



/* 广告样式 */


.advert-style {
    display: flex;
}

.advert-left {
    min-width: 50%;
    padding-left: 178px;
    box-sizing: border-box;
}

.advert-right {
    min-width: 50%;
}
@media screen and (max-width: 900px) {
    .advert-left {padding-left: 10px;}
}
.advert-title {
    margin-top: 120px;
    margin-bottom: 14px;
    font-family: SourceHanSansCN-Bold;
    font-size: 30px;
    color: #0079d2;
    font-weight: 700;
    line-height: 40px;
}

.advert-text {
    font-family: SourceHanSansCN-Medium;
    font-size: 20px;
    color: #333333;
}

.advert-text {
    margin-top: 9px;

}

.advert-label {
    margin-top: 23px;
    width: 561px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 58px;
}

.advert-label::after {
    width: 177px;
    content: '';
    display: block;
}

.advert-label2 {
    width: 369px;
}

.advert-content {
    margin-top: 16px;
    height: 47px;
    display: flex;
    align-items: center;
    background: linear-gradient(to right, #ff8f1c, #ffffff);
    padding-left: 23px;
    padding-right: 70px;
    box-sizing: border-box;
    color: #ffffff;
    width: 348px;
    box-sizing: border-box;
    font-size: 24px;
    color: #ffffff;
}

.label-box {
    width: 177px;
    padding: 4px 0 5px;
    background-color: #dceaff;
    border-radius: 18px;
    text-align: center;
    margin-top: 15px;
    font-size: 21px;
    line-height: 23px;
    color: #333333;
}

.right-img {
    margin-top: 111px;
    width: 694px;
    height: 420px;
    position: relative;
}

.right-img>.macbook {
    width: 100%;
}

.elliptic1 {
    position: absolute;
    left: -12px;
    top: 171px;
    z-index: -1;
}

.elliptic2 {
    position: absolute;
    top: -67px;
    right: -85px;
    z-index: -1;
}

.advert-style-swiper {
    overflow: hidden;
    height: 565px;
    position: relative;
}

.tabs {
    font-size: 21px;
    position: absolute;
    color: #333333;
    left: 58px;
    top: 306px;
    cursor: pointer;
    font-size: 16px;
}

.tabs span {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #333333;
    border-radius: 50%;
    margin-right: 8px;
}

.vertical-line {
    height: 0px;
    width: 1px;
    background-color: #122533;
    margin-top: 13px;
    margin-left: 5px;
    transition: height 0.5s;
}

.selectya {
    color: #0079d2;
}

.selectya span {
    background-color: #0079d2;
}

.selectya .vertical-line {
    height: 126px;
}

.img-swiper1,
.img-swiper2 {
    position: absolute;
    top: 32px;
    left: 76px;
    width: 546px;
    height: 341px;
    overflow: hidden;
}
.swiper-prev i,
.swiper-prev2 i{
    font-size: 28px;
    color: #fff;

}
.swiper-prev,
.swiper-prev2 {
    cursor: pointer;
    position: absolute;
    top: calc(50% - 20.5px);
    z-index: 55;
    left: 3px;
    width: 41px;
    height: 41px;
    background-color: rgba(27, 27, 27, 0.5);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.swiper-next i,
.swiper-next2 i{
   font-size: 28px;
    color: #fff;
}
.swiper-next,
.swiper-next2 {
    cursor: pointer;
    position: absolute;
    top: calc(50% - 20.5px);
    z-index: 55;
    right: 0px;
    width: 41px;
    height: 41px;
    background-color: rgba(27, 27, 27, 0.5);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.phone {
    position: absolute;
    top: 89px;
    right: -68px;
    z-index: 20;
}

.arrow {
    font-size: 22px !important;
    color: #ffffff;
}




@media only screen and (max-width: 1620px) {
 

    /* 广告样式 */
    .section2 {
        height: auto;
        padding-bottom: 100px;
        padding-top: 100px;
    }

    .advert-title {
        margin-top: 110px;
        margin-bottom: 12px;
        font-size: 26px;
        font-weight: 700;
    }

    .advert-text {
        margin-top: 7px;
        font-size: 18px;
    }

    .advert-label {
        margin-top: 25px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 45px;
    }

    .label-box {
        width: 31.5%;
        height: 34px;
        border-radius: 18px;
        margin-top: 13px;
        font-size: 19px;
    }

    .label-box1 {
        width: 48%;
    }

    .advert-content {
        margin-top: 13px;
        height: 42px;
        padding-left: 15px;
        padding-right: 60px;
        width: 328px;
        font-size: 22px;
    }

    .right-img {
        width: 86.7%;
    }

    .img-swiper1,
    .img-swiper2 {
        width: 78%;
        left: 11.5%;
    }

    .inner-img {
        width: 100%;
    }

    .phone {
        width: 24%;
    }

    .elliptic1 {
        width: 18.7%;
    }

    .elliptic2 {
        width: 40%;
    }

 
}

@media only screen and (max-width: 1430px) {


    /* 广告样式 */
    .section2 {
        height: auto;
        padding-bottom: 50px;
        padding-top: 80px;
    }

    .advert-title {
        margin-top: 100px;
        margin-bottom: 10px;
        font-size: 24px;
        font-weight: 700;
    }

    .advert-text {
        margin-top: 7px;
        font-size: 17px;
    }

    .advert-label {
        margin-top: 20px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 30px;
        width: 450px;
    }

    .advert-label::after {
        width: 31.5%;
    }

    .label-box {
        width: 31.5%;
        height: auto;
        border-radius: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 10px;
        font-size: 18px;
    }

    .label-box1 {
        width: 48%;
    }

    .advert-content {
        margin-top: 11px;
        height: 38px;
        padding-left: 14px;
        padding-right: 50px;
        width: 300px;
        font-size: 20px;
    }

    .right-img {
        width: 86.7%;
        height: auto;
    }

    .img-swiper1,
    .img-swiper2 {
        width: 78%;
        left: 11.5%;
        height: auto;
    }

    .inner-img {
        width: 100%;
    }

    .phone {
        width: 24%;
    }

    .elliptic1 {
        width: 18.7%;
    }

    .elliptic2 {
        width: 35%;
        right: -75px;
    }

   
}

@media only screen and (max-width: 1220px) {
 

    /* 广告样式 */
    .section2 {
        height: auto;
        padding-bottom: 45px;
        padding-top: 70px;
    }

    .advert-title {
        margin-top: 80px;
        margin-bottom: 10px;
        font-size: 22px;
        font-weight: 700;
    }

    .advert-text {
        margin-top: 6px;
        font-size: 16px;
    }

    .advert-label {
        margin-top: 15px;
        margin-bottom: 25px;
        width: 400px;
    }

    .advert-label::after {
        width: 31.5%;
    }

    .label-box {
        width: 31.5%;
        border-radius: 18px;
        margin-top: 10px;
        font-size: 16px;
    }

    .label-box1 {
        width: 48%;
    }

    .advert-content {
        margin-top: 11px;
        height: 30px;
        padding-left: 14px;
        padding-right: 50px;
        width: 300px;
        font-size: 20px;
    }

    .tabs {
        left: 48px;
        top: 240px;
        cursor: pointer;
    }

    .tabs-box {
        font-size: 14px;
    }

    .tabs span {
        display: inline-block;
        width: 8px;
        height: 8px;
        background-color: #333333;
        border-radius: 50%;
        margin-right: 8px;
    }

    .selectya .vertical-line {
        height: 106px;
    }

    .right-img {
        width: 86.7%;
        height: auto;
    }

    .img-swiper1,
    .img-swiper2 {
        width: 78%;
        left: 11.5%;
        height: auto;
        top: 8%;
    }

    .swiper-prev,
    .swiper-prev2 {
        left: 0px;
        width: 35px;
        height: 35px;
    }

    .advert-style-swiper {
        height: 420px;
    }

    .arrow {
        font-size: 18px !important;
        color: #ffffff;
    }

    .swiper-next,
    .swiper-next2 {
        width: 35px;
        height: 35px;
    }

    .inner-img {
        width: 100%;
    }

    .phone {
        width: 24%;
    }

    .elliptic1 {
        width: 18.7%;
        top: 160px;
    }

    .phone {
        top: 35%;
        right: -6%;
        z-index: 20;
    }

    .elliptic2 {
        width: 35%;
        right: -75px;
    }

 
}



@media only screen and (max-width: 1050px) {
   

    /* 广告样式 */
    .section2 {
        height: auto;
        padding-bottom: 30px;
        padding-top: 70px;
    }

    .advert-title {
        margin-top: 60px;
        margin-bottom: 10px;
        font-size: 17px;
        font-weight: 700;
    }

    .advert-text {
        margin-top: 4px;
        font-size: 14px;
    }

    .advert-label {
        margin-top: 13px;
        margin-bottom: 20px;
        width: 90%;
    }

    .advert-label::after {
        width: 31.5%;
    }

    .label-box {
        width: 31.5%;
        border-radius: 18px;
        margin-top: 10px;
        font-size: 14px;
    }

    .label-box1 {
        width: 48%;
    }

    .advert-content {
        margin-top: 11px;
        height: 25px;
        padding-left: 10px;
        padding-right: 40px;
        width: 90%;
        font-size: 16px;
    }

    .tabs {
        left: 48px;
        top: 240px;
        cursor: pointer;
    }

    .tabs-box {
        font-size: 14px;
    }

    .tabs span {
        display: inline-block;
        width: 8px;
        height: 8px;
        background-color: #333333;
        border-radius: 50%;
        margin-right: 8px;
    }

    .selectya .vertical-line {
        height: 106px;
    }

    .right-img {
        width: 86.7%;
        height: auto;
    }

    .img-swiper1,
    .img-swiper2 {
        width: 78%;
        left: 11.5%;
        height: auto;
        top: 8%;
    }

    .swiper-prev,
    .swiper-prev2 {
        left: 0px;
        width: 35px;
        height: 35px;
    }

    .advert-style-swiper {
        height: 400px;
    }

    .arrow {
        font-size: 18px !important;
        color: #ffffff;
    }

    .swiper-next,
    .swiper-next2 {
        width: 35px;
        height: 35px;
    }

    .inner-img {
        width: 100%;
    }

    .phone {
        width: 24%;
    }

    .elliptic1 {
        width: 18.7%;
        top: 160px;
    }

    .phone {
        top: 35%;
        right: -6%;
        z-index: 20;
    }

    .elliptic2 {
        width: 35%;
        right: -40px;
    }

  


  
}

@media only screen and (max-width: 767px) {
    .advert-style-swiper2 {
        display: block;
    }

    .tabs {
        display: none;
    }

    .advert-style {
        display: block;
    }

    .type-area {
        width: 90%;
    }

    /* 广告样式 */
    .section2 {
        height: auto;
        padding-bottom: 20px;
        padding-top: 30px;
    }

    .advert-title {
        margin-top: 40px;
        margin-bottom: 10px;
        font-size: 17px;
        font-weight: 700;
    }

    .advert-text {
        margin-top: 4px;
        font-size: 14px;
    }

    .advert-label {
        margin-top: 13px;
        margin-bottom: 20px;
        width: 90%;
    }

    .advert-label::after {
        width: 31.5%;
    }

    .label-box {
        width: 31.5%;
        border-radius: 18px;
        margin-top: 10px;
        font-size: 14px;
    }

    .label-box1 {
        width: 48%;
    }

    .advert-content {
        margin-top: 11px;
        height: 25px;
        padding-left: 10px;
        padding-right: 40px;
        width: 90%;
        font-size: 16px;
    }

    .tabs {
        left: 48px;
        top: 240px;
        cursor: pointer;
    }

    .tabs-box {
        font-size: 14px;
    }

    .tabs span {
        display: inline-block;
        width: 8px;
        height: 8px;
        background-color: #333333;
        border-radius: 50%;
        margin-right: 8px;
    }

    .selectya .vertical-line {
        height: 106px;
    }

    .right-img {
        margin: 0 auto;
        width: 86.7%;
        height: auto;
        margin-top: 80px;
    }

    .img-swiper1,
    .img-swiper2 {
        width: 78%;
        left: 11.5%;
        height: auto;
        top: 8%;
    }

    .swiper-prev,
    .swiper-prev2 {
        left: 0px;
        width: 35px;
        height: 35px;
    }

    .advert-style-swiper {
        display: none;
        height: 400px;
    }

    .arrow {
        font-size: 18px !important;
        color: #ffffff;
    }

    .swiper-next,
    .swiper-next2 {
        width: 35px;
        height: 35px;
    }

    .inner-img {
        width: 100%;
    }

    .phone {
        width: 24%;
    }

    .elliptic1 {
        width: 18.7%;
        top: 160px;
    }

    .phone {
        top: 35%;
        right: -6%;
        z-index: 20;
    }

    .elliptic2 {
        width: 35%;
        right: -40px;
    }

}




.section5 {

    padding-top: 85px;

}

.section5 .flex-box {

    width: 33.3%;

    background-color: #d9ebff;

    padding: 119px 0 46px 105px;

    box-sizing: border-box; border-right: 1px solid #fff;

}



.section5 .flex-box:hover {

    background-color: #0066b3;

}





.visitor-box {

    margin-top: 80px;

}
@media screen and (max-width:990px){
    .visitor-box { display: flow-root;}
.section5 .flex-box{width: 100%;padding: 10px 0 46px 0px;display: grid; text-align: center;}
}
.section5 .flex-box1:hover img {

    content: url(../images/chart-line-up1.png);

}



.section5 .flex-box2:hover img {

    content: url(../images/pulse1.png);

}



.section5 .flex-box3:hover img {

    content: url(../images/data1.png);

}

.icon-box {

    height: 50px;

}

.visitor-title {

    font-family: SourceHanSansCN-Bold;

    font-size: 30px;

    color: #333333;

    margin-top: 75px;

    font-weight: 700;

    margin-bottom: 23px;

}
@media screen and (max-width:990px){
    .visitor-title {
    margin-top: 15px;


    margin-bottom: 23px;

}
}
.visitor-text {

    margin-bottom: 21px;

    font-family: SourceHanSansCN-Medium;

    font-size: 18px;

    color: #0077c8;

    font-weight: 700;

}.section5 .flex-box:hover .visitor-title {

    color: #ffffff;

}



.section5 .flex-box:hover .visitor-text {

    color: #ffffff;

}

/* linkedin */
.j-offset-top { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); opacity: 0; }
.j-offset-top.run { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
.title-box {

    width: 100%;

    text-align: center;

}

.title-box .title {

    font-family: 'SourceHanSansCNBold';

    font-size: 36px;

    line-height: 44px;

    font-weight: bold;

    color: #333333;

    line-height: 52px;

}

.title-box .line {

    display: inline-block;

    margin-top: 27px;

    width: 52px;

    height: 6px;

    background: #0077C8;

}

.sec1 { padding: 95px 0 108px;position: relative; z-index: 2;}

.sec1 .cont { align-items: center; margin-top: 100px;}

.sec1 .cont .left { flex: 1;}

.sec1 .cont .left .tit { font-size: 30px;font-weight: 500;color: #0077C8; line-height: 52px;}

.sec1 .cont .left .list { margin-top: 55px;}

.sec1 .cont .left .list .item { display: flex; margin-bottom: 12px;}

.sec1 .cont .left .list .item:last-child { margin-bottom: 0;}

.sec1 .cont .left .list .item .bar { padding: 0 13px;  width: 0; height: 35px; background: linear-gradient(90deg, #0077C8 0%, #0098FF 100%); border-radius: 18px; font-size: 18px;  line-height: 35px;}

.sec1 .cont .left .list .item .bar span { color: #FFFFFF;}

.sec1 .cont .left .list .item>span { margin-left: 9px; font-size: 18px; color: #333333; line-height: 35px;}

.sec1 .cont .left .list .item:nth-child(1) .bar { animation: progressAnimation1 3s ease forwards; /*width: 220px;*/}

.sec1 .cont .left .list .item:nth-child(2) .bar { animation: progressAnimation2 3s ease forwards;}

.sec1 .cont .left .list .item:nth-child(3) .bar { animation: progressAnimation3 3s ease forwards;}

.sec1 .cont .left .list .item:nth-child(4) .bar { animation: progressAnimation4 3s ease forwards;}

@keyframes progressAnimation1 { 0% { width: 0; } 100% { width: 220px;} }

@keyframes progressAnimation2 { 0% { width: 0; } 100% { width: 290px;} }

@keyframes progressAnimation3 { 0% { width: 0; } 100% { width: 250px;} }

@keyframes progressAnimation4 { 0% { width: 0; } 100% { width: 92px;} }

.sec1 .cont .left .line { margin: 60px 0 41px; width: 80px; height: 2px; border: 2px solid #FF8F1C;}

.sec1 .cont .left .text1 { font-size: 20px; font-weight: 500; color: #0077C8; line-height: 34px;}

.sec1 .cont .left .text2 { margin-top: 12px; font-size: 18px; color: #666666; line-height: 35px;}

.sec1 .cont .right { width: 72.06%; margin-top: 15px; position: relative;}

.sec1 .cont .right .bg { width: 100%;}

.sec1 .cont .right .img { margin-top: -5px; width: 45.96%; position: absolute; left: 27%;}

.sec1 .cont .right .text { font-size: 24px; font-weight: 500; width: 45.96%; color: #0077C8; position: absolute; left: 27%; top: 59.58%; text-align: center;}

.sec1 .cont .right .item { position: absolute; z-index: 2; display: flex; align-items: center; height: 48px; background: rgba(255,255,255,0.54); border: 1px solid #FFFFFF; box-shadow: 0px 0px 7px 0px rgba(11,67,109,0.11); border-radius: 24px;}

.sec1 .cont .right .item .icon { text-align: center; display: none; width: 59px; height: 100%; background: #FFFFFF; box-shadow: 0px 0px 7px 0px rgba(11,67,109,0.11); border-radius: 23px; font-size: 31px; color: #0077C8; line-height: 48px;}

.sec1 .cont .right .item span { padding: 0 30px 0 10px; font-size: 18px; font-family: SourceHanSansCN; font-weight: 400; color: #333333; line-height: 35px;}

.sec1 .cont .right .item:nth-child(1) { right: 61.71%; top: 10.47%;}

.sec1 .cont .right .item:nth-child(2) { left: 61.71%; top: 10.47%;}

.sec1 .cont .right .item:nth-child(3) { right: 70.98%; top: 29.59%;}

.sec1 .cont .right .item:nth-child(4) { left: 69.9%; top: 29.59%;}

.sec1 .cont .right .item:nth-child(5) { right: 65.19%; top: 50%;}

.sec1 .cont .right .item:nth-child(6) { left: 64.74%; top: 50%;}

.sec1 .cont .right .item:nth-child(7) { right: 59.62%; top: 73.34%;}

.sec1 .cont .right .item:nth-child(8) { left: 59.49%; top: 73.34%;}

@media (max-width: 992px) {
    .sec1 .cont{ display: flow-root;}
.sec1 .cont .right{ width: 100%;}
.sec1 .cont .right .img{width: 100%;left: 0;}
	.sec1 .cont .left .tit { font-size: 18px; line-height: 28px;}

	.sec1 .cont .left .list .item .bar { padding: 0 5px; font-size: 12px;}

	@keyframes progressAnimation1 { 0% { width: 0; } 100% { width: 90px;} }

	@keyframes progressAnimation2 { 0% { width: 0; } 100% { width: 160px;} }

	@keyframes progressAnimation3 { 0% { width: 0; } 100% { width: 140px;} }

	@keyframes progressAnimation4 { 0% { width: 0; } 100% { width: 40px;} }

	.sec1 .cont .left .line { margin: 20px 0 15px; width: 80px;}

	

	.sec1 .cont .left .text2 { font-size: 14px;}

	.sec1 .cont .right .item span { padding: 0 5px; font-size: 12px;}

	.sec1 .cont .right .item:nth-child(1) { right: 61.71%; top: 10.47%;}

	.sec1 .cont .right .item:nth-child(2) { left: 60.71%; top: 10.47%;}

	.sec1 .cont .right .item:nth-child(3) { right: 66.98%; top: 29.59%; margin-top: 25px;}

	.sec1 .cont .right .item:nth-child(4) { left: 64.9%; top: 29.59%; margin-top: 25px;}

	.sec1 .cont .right .item:nth-child(5) { right: 65.19%; top: 50%; margin-top: 45px;}

	.sec1 .cont .right .item:nth-child(6) { left: 63.74%; top: 50%; margin-top: 45px;}

	.sec1 .cont .right .item:nth-child(7) { right: 59.62%; top: 73.34%; margin-top: 65px;}

	.sec1 .cont .right .item:nth-child(8) { left: 58.89%; top: 73.34%; margin-top: 65px;}
.sec1 .cont .right .item{}
  }

.sec2 {padding: 45px 0 80px;background: linear-gradient(180deg, #F8FAFF, #D0E2FF); position: relative; z-index: 2;}

.sec2 .cont {position: relative;margin-top: 73px;font-family: 'SourceHanSansCNMedium';}

.sec2 .cont .center {width: 35.95%;margin: 0 auto;padding-bottom: 29px;text-align: center;background: url(../images/sec2-shadow.png) no-repeat; background-size: 100% 89%;background-position: center bottom;}

.sec2 .circle { background: linear-gradient(0deg, #0077C8 0%, #0098FF 100%); border-radius: 50%; position: relative;}

.sec2 .circle::before { content: ''; width: 10px; height: 10px; background: #0077C8; border-radius: 50%; position: absolute; left: -5px; top: 50%; margin-top: -5px;}

.sec2 .circle::after { content: ''; width: 10px; height: 10px; background: #0077C8; border-radius: 50%; position: absolute; right: -5px; top: 50%; margin-top: -5px;}

.sec2 .circle:hover { background: linear-gradient(0deg, #FF9D48 0%, #FE871F 100%);}

.sec2 .circle:hover::before { content: ''; background: #ED7800;}

.sec2 .circle:hover::after { content: ''; background: #ED7800;}

.sec2 .circle .line { border-bottom: 1px dashed #0077C8;}

.sec2 .circle .line i {  color: #0077C8;}

.sec2 .circle:hover .line { border-bottom: 1px dashed #ED7800;}

.sec2 .circle:hover .line i {  color: #ED7800;}

.sec2 .circle1 { width: 100%; height: 99px; padding: 7px 40px 13px; }

.sec2 .circle1 .line { width: 100%; height: 100%; border-radius: 50%; position: absolute; left: 0; bottom: -20px;}

.sec2 .circle1 .line i { position: absolute; right: 0; top: 50%; margin-top: 2px;}

.sec2 .circle1 .border { width: 100%; height: 100%; border: 1px solid rgba(255, 255, 255, 0.44); border-radius: 50%; font-family: 'SourceHanSansCNMedium'; font-size: 30px; font-weight: 500; color: #FFFFFF; display: flex; justify-content: center; align-items: center; }

.sec2 .circle2 { width: 75.3%; height: 84px; padding: 7px 40px 13px; margin: 0 auto;}

.sec2 .circle2 .border { width: 100%; height: 100%; border: 1px solid rgba(255, 255, 255, 0.44); border-radius: 50%; font-family: 'SourceHanSansCNMedium'; font-size: 30px; font-weight: 500; color: #FFFFFF; display: flex; justify-content: center; align-items: center; }

.sec2 .circle2 .line { width: 100%; height: 100%; border-radius: 50%; position: absolute; left: 0; bottom: -17px;}

.sec2 .circle2 .line i { position: absolute; left: 0; top: 50%; margin-top: 2px; transform: rotateY(180deg);}

.sec2 .circle3 { width: 60%; height: 77px; padding: 7px 40px 13px; margin: 0 auto;}

.sec2 .circle3 .border { width: 100%; height: 100%; border: 1px solid rgba(255, 255, 255, 0.44); border-radius: 50%; font-family: 'SourceHanSansCNMedium'; font-size: 30px; font-weight: 500; color: #FFFFFF; display: flex; justify-content: center; align-items: center; }

.sec2 .circle3 .line { width: 100%; height: 100%; border-radius: 50%; position: absolute; left: 0; bottom: -18px;}

.sec2 .circle3 .line i { position: absolute; right: 0; top: 50%; margin-top: 2px;}

.sec2 .arrow { width: 44px; height: auto;}

.sec2 .arrow1 { margin-top: 54px; margin-bottom: 20px;}

.sec2 .arrow2 { margin-top: 52px; margin-bottom: 28px;}

.sec2 .name { font-family: 'SourceHanSansCNMedium'; font-size: 30px; font-weight: 500; color: #0077C8; line-height: 52px; position: absolute; top: -30px; }

.sec2 .name1 { left: 23.5%;}

.sec2 .name2 { right: 23.5%;}

.sec2 .item { display: flex; position: absolute;}

.sec2 .item .text { font-size: 18px; color: #333333; line-height: 26px; margin-right: 33px;}

.sec2 .item .dline { border-top: 1px dashed #333333; margin-top: 13px;}

.sec2 .item .list { width: 292px; display: flex; flex-wrap: wrap;}

.sec2 .item .list p { margin-left: 5px; margin-right: 10px; padding-left: 10px; font-size: 20px; color: #333333; line-height: 26px; position: relative;}

.sec2 .item .list p:nth-of-type(3) { min-width: 50%;}

.sec2 .item .list p::before { content: ''; width: 5px; height: 5px; background: #0077C8; border-radius: 50%; position: absolute; left: 0; top: 11px;}

.sec2 .item .dline { flex: 1;}

.sec2 .item1 { width: 29%; position: absolute; left: 1.87%; top: 37px;}

.sec2 .item2 { width: 32.5%; position: absolute; left: 3%; top: 221px;}

.sec2 .item3 { width: 31.5%; position: absolute; left: 6.81%; bottom: 54px;}

.sec2 .item4 { width: 29%; position: absolute; right: 1.87%; top: 37px;}

.sec2 .item5 { width: 32.5%; position: absolute; right: 3%; top: 221px;}

.sec2 .item6 { width: 31.5%; position: absolute; right: 6.81%; top: 400px;}

@media (max-width: 992px) {

	.sec2 .circle { padding: 5px 20px 8px;}

	.sec2 .circle1 { height: 60px;}

	.sec2 .circle2 { height: 50px;}

	.sec2 .circle3 { height: 46px;}

	.sec2 .circle1 .line { bottom: -10px;}

	.sec2 .circle2 .line { bottom: -10px;}

	.sec2 .circle3 .line { bottom: -10px;}

	.sec2 .circle .border { font-size: 18px;}

	.sec2 .item .dline { margin-top: 9px;}

	.sec2 .name { font-size: 18px;}

	.sec2 .arrow { width: 20px;}

	.sec2 .item .list { width: 200px;}

	.sec2 .item .text { font-size: 12px; line-height: 16px; margin-right: 10px;}

	.sec2 .item .list p { font-size: 12px; line-height: 16px;}

	.sec2 .item .list p::before { top: 6px;}

	.sec2 .item1 { width: 32%; left: 1.87%; top: 19px;}

	.sec2 .item2 { width: 34.5%; left: 3%; top: 138px;}

	.sec2 .item3 { width: 32.5%; left: 6.81%; top: 250px;}

	.sec2 .item4 { width: 32%; right: 1%; top: 19px;}

	.sec2 .item5 { width: 35.5%; right: 2%; top: 138px;}

	.sec2 .item6 { width: 34.5%; right: 5%; top: 250px;}

  }

  .sec3 { padding: 63px 0 110px; background: #F6F7FB;position: relative; z-index: 1; margin-top: 80px;}

.sec3 .cont { margin-top: 75px; justify-content: flex-start;}

.sec3 .cont .navleft {  display: flex; flex-direction: column; align-items: flex-start; padding-top: 74px; padding-right: 99px;}

.sec3 .cont .navleft p { margin-bottom: 31px; padding: 0 10px; min-width: 165px; background: #0079D2; border-radius: 17px; font-size: 16px; color: #FFFFFF; line-height: 27px; text-align: center; display: flex; justify-content: center; align-items: center; cursor: pointer;}

.sec3 .cont .navleft p em { display: none; width: 11px; height: 11px; background: #FFFFFF; border-radius: 50%; margin-right: 22px;}

.sec3 .cont .navleft p.active { padding: 0 27px 0 10px; background: #FF8F1C; height: 33px; font-size: 20px; line-height: 33px;}

.sec3 .cont .navleft p.active em { display: inline-block; }

.sec3 .cont .swiper-wrap { flex: 1; height: 560px; overflow: hidden;}

.sec3 .cont .swiper-wrap .swiper { width: 100%; height: 100%;}
.sec3 .cont .swiper-wrap .swiper-slide-next,.sec3 .cont .swiper-wrap .swiper-slide-prev  {
  opacity: 0;
} 
.sec3 .cont .swiper-wrap .swiper-slide-active { opacity: 1;}
.sec3 .cont .swiper-wrap .swiper-slide { text-align: center; font-size: 18px; background: #F6F7FB; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: flex-start; align-items: flex-start;}

.sec3 .cont .slide-item { width: 100%; height: 100%; align-items: center;}

.sec3 .cont .left { text-align: left; padding-right: 40px;}

.sec3 .cont .left .tit { display: inline-block; padding: 5px 22px; background: #0079D2; border-radius: 21px; font-size: 30px; font-weight: 500; color: #FFFFFF; line-height: 32px;}

.sec3 .cont .left .stit { margin-top: 30px; font-family: 'SourceHanSansCNMedium'; font-size: 24px; font-weight: 500; color: #333333; line-height: 30px;}

.sec3 .cont .left .desc { margin-top: 20px; font-size: 18px; color: #666666; line-height: 35px;}

.sec3 .cont .right { flex: 1; text-align: right;}

.sec3 .cont .right img { max-width: 100%;}

.sec3 .cont .slide-item1 { height: auto;}

.sec3 .cont .slide-item2 .left { margin-top: -40px;}

.sec3 .cont .slide-item2 .right img { margin-right: -10%;}

.sec3 .cont .slide-item2 .list { margin-top: 36px;}

.sec3 .cont .slide-item2 .list .litem { display: flex; margin-bottom: 42px;}

.sec3 .cont .slide-item2 .list .litem img { width: 65px; height: 65px; margin-right: 17px;}

.sec3 .cont .slide-item2 .list .litem .text { flex: 1}

.sec3 .cont .slide-item2 .list .litem .text p { font-size: 24px; color: #333333; line-height: 30px;}

.sec3 .cont .slide-item2 .list .litem .text p:nth-of-type(1) { font-family: 'SourceHanSansCNMedium';}

.sec3 .cont .slide-item2 .list .litem .text p:nth-of-type(2) { margin-top: 14px; font-size: 18px; color: #666666; line-height: 22px;}

.sec3 .cont .slide-item5 .left { width: 52.92%;}

.sec3 .cont .slide-item5 .list { margin-top: 36px; display: flex; flex-wrap: wrap;}

.sec3 .cont .slide-item5 .list .litem { width: 40%; margin-bottom: 42px; text-align: center;}

.sec3 .cont .slide-item5 .list .litem img { width: 72px; height: 72px; margin-right: 17px;}

.sec3 .cont .slide-item5 .list .litem .text p { font-size: 18px; color: #333333; line-height: 22px;}

.sec3 .cont .slide-item5 .list .litem .text p:nth-of-type(1) { margin-top: 24px; font-family: 'SourceHanSansCNMedium';}

.sec3 .cont .slide-item5 .list .litem .text p:nth-of-type(2) { margin-top: 18px; color: #666666;}

.sec3 .cont .slide-item5 .list .litem:nth-of-type(2) { width: 60%;}

.sec3 .cont .slide-item5 .list .litem:nth-of-type(4) { width: 60%;}

@media (max-width: 992px) {

	.sec3 .cont .swiper-wrap { height: 360px;}

	.sec3 .cont { margin-top: 30px;}

	.sec3 .cont .navleft { padding-right: 20px;}

	.sec3 .cont .navleft p { margin-bottom: 20px; min-width: 125px; height: 27px; border-radius: 17px; font-size: 14px;}

	.sec3 .cont .navleft p em { width: 8px; height: 8px; margin-right: 10px;}

	.sec3 .cont .navleft p.active { padding: 0 20px 0 10px;  height: 30px; font-size: 16px; line-height: 30px;}

	.sec3 .cont .left {width: 100%;}

	.sec3 .cont .left .tit { font-size: 16px; line-height: 18px;}

	.sec3 .cont .left .stit { margin-top: 20px; font-size: 16px;}

	.sec3 .cont .left .desc { margin-top: 10px; font-size: 12px; line-height: 18px;}

	.sec3 .cont .slide-item2 .list { margin-top: 25px;}

	.sec3 .cont .slide-item2 .list .litem .text p { font-size: 14px; line-height: 18px;}

	.sec3 .cont .slide-item2 .list .litem .text p:nth-of-type(2) { margin-top: 6px; font-size: 12px; line-height: 16px;}

	.sec3 .cont .slide-item5 .list { margin-top: 20px;}

	.sec3 .cont .slide-item5 .list .litem { margin-bottom: 15px;}

	.sec3 .cont .slide-item5 .list .litem img { width: 42px; height: 42px; margin-right: 10px;}

	.sec3 .cont .slide-item5 .list .litem .text p { margin-top: 5px; font-size: 12px; line-height: 16px;}

	.sec3 .cont .slide-item5 .list .litem .text p:nth-of-type(1) { margin-top: 10px;}

	.sec3 .cont .slide-item5 .list .litem .text p:nth-of-type(2) { margin-top: 5px;}

  }
  .nav-line button{ outline: none;}
  .nav-line button {
   
    position: relative;
    color: #666;
    border: none;
    background: none;
    font-size: 18px;
   
}
.nav-line button:hover { color: #666;}
.nav-line button.active {
    background: none !important;
    color: #518eed;
    transition: all 0.4s;
    font-weight: bold;
}
.nav-line button.active:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    background: #266cfe;
    height: 3px;
    width: 100%;
    z-index: 5;
    transition: all 0.4s;
}


.honor {
width: 100%;
float: left;
  padding: 80px 0;
  background: #f0f7ff;

}

.honor .swiper-slide {
  margin-top: 40px;
}

.honor .swiper-slide span img {
  display: block;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;

}

.honor .swiper-slide a {
  background: #fff;
  display: block;
  padding-bottom: 10px;
  box-shadow: 0 2px 16px 0 rgba(0, 78, 204, 0.1);
}

.honor .swiper-slide a img {
 
}

.honor .swiper-slide em {
  display: block;
  font-size: 16px;
  font-style: normal;
  text-align: center;
  padding: 10px 5px;
  color: #333;
}

.honor .swiper-slide p {

  color: #666;
  line-height: 26px;
  font-size: 14px;
  padding: 0 15px;
}


.honor .swiper-button-next {
  position: absolute;
  top: 30px;
  left: calc(100% - 40px);

  text-align: center;
  color: #fff;
  background: #2AA2DE;

  cursor: pointer;
  overflow: hidden;
  z-index: 999;
  width: 40px;
  font-size: 30px;
  line-height: 60px;
  height: 60px;
  transition: all .5s ease;
  outline: none;
}

.honor .swiper-button-prev {
  position: absolute;
  top: 30px;
  left: calc(100% - 90px);

  text-align: center;
  color: #fff;
  background: #2AA2DE;
  cursor: pointer;
  overflow: hidden;
  z-index: 999;
  width: 40px;
  font-size: 30px;
  line-height: 60px;
  height: 60px;
  transition: all .5s ease;
  outline: none;
}

.honor .swiper-button-prev:hover, .honor .swiper-button-next:hover {
  background: #333;
}



.honorr {
width: 100%;
float: left;
  padding: 80px 0;
  background: #fff;

}

.honorr .swiper-slide {
  margin-top: 40px;
}

.honorr .swiper-slide span img {
  display: block;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;

}

.honorr .swiper-slide a {
  background: #fff;
  display: block;
  padding-bottom: 10px;
  box-shadow: 0 2px 16px 0 rgba(0, 78, 204, 0.1);
}

.honorr .swiper-slide a img {
 
}

.honorr .swiper-slide em {
  display: block;
  font-size: 16px;
  font-style: normal;
  text-align: center;
  padding: 10px 5px;
  color: #333;
}

.honorr .swiper-slide p {

  color: #666;
  line-height: 26px;
  font-size: 14px;
  padding: 0 15px;
}


.honorr .swiper-button-next {
  position: absolute;
  top: 30px;
  left: calc(100% - 40px);

  text-align: center;
  color: #fff;
  background: #2AA2DE;

  cursor: pointer;
  overflow: hidden;
  z-index: 999;
  width: 40px;
  font-size: 30px;
  line-height: 60px;
  height: 60px;
  transition: all .5s ease;
  outline: none;
}

.honorr .swiper-button-prev {
  position: absolute;
  top: 30px;
  left: calc(100% - 90px);

  text-align: center;
  color: #fff;
  background: #2AA2DE;
  cursor: pointer;
  overflow: hidden;
  z-index: 999;
  width: 40px;
  font-size: 30px;
  line-height: 60px;
  height: 60px;
  transition: all .5s ease;
  outline: none;
}

.honorr .swiper-button-prev:hover, .honorr .swiper-button-next:hover {
  background: #333;
}

.pad_80{ padding: 60px 0;}
.main_title {

  margin-bottom: 10px;
  width: 100%;
  
}

.main_title .m_p1 {
  font-size: 40px;
  display: flex;
  font-weight: bold;
  color: #0085d0;
  align-items: center;
  justify-content: flex-start;

}

.main_title .m_p2 {
  font-size: 20px;
  margin-top: 10px;
}